/*======================================
//--//-->   ABOUT
======================================*/

        .about-mf .box-shadow-full {
            padding-top: 4rem;
            padding-bottom: 4rem;
        }

        .about-mf .about-img {
            margin-bottom: 2rem;
        }

        .about-mf .about-img img {
            margin-left: 10px;
        }


        .skill-mf .progress {
            /* background-color: #cde1f8; */
            margin: .5rem 0 1.2rem 0;
            border-radius: 0;
            height: .7rem;
        }

        .skill-mf .progress .progress-bar {
            height: .7rem;
            background-color: #ffbd39;
        }


        /* Animation styles */
        #typing-animation {
            position: relative;
            font-size: 30px;
            font-weight: bold;
            color: rgb(255, 255, 255);
            overflow: hidden;
            white-space: nowrap;
            animation: typing 3s steps(20, end) infinite;
        }

        #typing-animation:before {
            content: "";
            /* position: absolute; */
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            background-color: #ccc;
            animation: typing-cursor 0.5s ease-in-out infinite;
        }

        @keyframes typing {
            from {
                width: 0;
            }

            to {
                width: 100%;
            }
        }

        @keyframes typing-cursor {
            from {
                width: 5px;
            }

            to {
                width: 0;
            }
        }


        /* project image zoom effect */

        .zoom-effect {
            overflow: hidden;
            transition: transform 0.3s ease-out;
        }

        .zoom-effect:hover {
            transform: scale(1.1);
        }

        @media only screen and (max-width: 768px) {
            .navbar-brand {
                display: none;
            }
        }

        /*hero Section*/
        /* Media query for small screens (e.g., mobile phones) */
        @media (max-width: 767px) {
            .one-third.js-fullheight.order-md-last.img {
                display: none !important;
                /* Image ko hide kar dega */
            }
        }

        @media (max-width: 767px) {

            /* More specific selector to ensure override */
            .row.d-flex.align-items-stretch {
                margin-left: 15px !important;
                /* Left side se margin */
                margin-right: 15px !important;
                /* Right side se margin */
                padding-left: 0 !important;
                /* Default padding remove karein agar conflict ho raha ho */
                padding-right: 0 !important;
                /* Default padding remove karein agar conflict ho raha ho */
            }
        }